<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
      /*CSS三大特性
      1、继承性：
      2、层叠性：
      3、优先级：
      */
    div{
      color: red;
    }
    p{
        color: green !important;
    }
    #p1{
        color: blue;
    }
  </style>

</head>
<body>
<!---->
<p id="p1">p1</p>
<div>
    <!---->
  <p>p2</p>
  <span>s1</span>
    <!---->
  <a href="">超链接1</a>
</div>

</body>
</html>